@import "mixins";
@import './naive/naive.scss';
$common-color:#00bfff;
$nav-color:#b8b8b8; // 导航栏颜色
$bg-color:#f5f5f5; // 主首页卡片背景色
$home-bd-color:powderblue; // 首页边框颜色
$select-shadow-color:#6669FF; // 选中盒子的的颜色
$black-color:#000; 
$border-radius:1.5625rem; // 圆角
$gradient-ciallo: linear-gradient(90.72deg, rgb(203, 253, 177) 3.49%, rgb(172, 191, 241) 50.67%, rgb(239, 167, 236) 100.79%);
$login-text-shado: 0 8px 10px #6699FF;
:root {
    --common-color: #00bfff; // 选中字体 及其 部分字体颜色
    --linear-color: linear-gradient(90.72deg, rgb(203, 253, 177) 3.49%, rgb(172, 191, 241) 50.67%, rgb(239, 167, 236) 100.79%); // 首页渐变色
    --border-radius: 1.5625rem; // 圆角
    --login-text-shadow: 0 8px 10px #6699FF;
    --bg-primary: #f5f5f5; // 主背景色
    --nav-color: #b8b8b8; // 导航栏颜色
}
.ciallo,.say {
    @include gradient-text($gradient-ciallo);
    font-size: 2rem;
}
/**
    页面 div 通用样式
*/
.divCommon {
    // padding: 1rem;
    border: .125rem solid;
    background-color: rgba(255, 255, 255,.8);
    border-radius: .625rem;
    margin: .625rem auto;
    // box-shadow: 0 0 0.5rem 0.125rem $home-bd-color;
}
.select:hover {
    transform: scale(1.05);
        /* 稍微放大盒子 */
        transition: transform 0.3s ease;
        /* 添加平滑过渡效果 */
    box-shadow: 0 0 0.5rem 0.125rem $common-color;
}
